@extends('common.public')
@section('title', '关于峰华-深圳市峰华科技有限公司')
@section('keyword', "")
@section('content')
   
<div class="banner w-full">
    <div class="swiper-slide w-full flex justify-center">
        <img src="/uploads/{{NewBanner(4)}}">
    </div>
</div>
<div id="about" class="herf-hash py-1 px-5 2xl:px-60 lg:px-20"><span>当前位置：</span><a href="/" title="首页">首页</a><span class="iconfont icon-xiangyou"></span><span>关于峰华</span></div>
<div class="main-content px-5 2xl:px-60 lg:px-20 pb-16">
<h2 class="titles text-center py-10 text-2xl font-semibold">关于我们</h2>
    <div class="about-list w-full flex items-center flex-wrap">
        <div class="w-full md:w-1/3 flex justify-center aos-init aos-animate" data-aos="fade-up">
            <img src="/uploads/{{$info->img}}" alt="深圳市峰华科技有限公司">
        </div>
        <div class="w-full md:w-2/3">
            <div class=" md:pl-10">
                <h1 class="text-center py-4 font-semibold">深圳市峰华科技有限公司</h1>
                <div class="about-desc">
                {{$info->about}}
                </div>
            </div>
        </div>
    </div>
    <h2 class="titles text-center py-10 text-2xl font-semibold">应用领域</h2>
    <div class="appliction py-5 flex flex-wrap">
        <div data-aos="fade-up" class=" flex one-app aos-init aos-animate w-1/2 md:w-1/3 lg:w-1/4 2xl:w-1/5">
            <div class="m-1 p-1 items-stretch hover:shadow-lg rounded shadow">
                <img src="{{asset('static/image/bank-small.jpeg')}}" alt="工商税务、银行、金融">
                <div class="title py-2 text-center text-xs">工商税务、银行、金融</div>
            </div>
        </div>
        <div data-aos="fade-up" class=" flex one-app aos-init aos-animate w-1/2 md:w-1/3 lg:w-1/4 2xl:w-1/5">
            <div class="m-1 p-1 items-stretch hover:shadow-lg rounded shadow">
                <img src="{{asset('static/image/医疗-small.jpeg')}}" alt="保险、医疗">
                <div class="title py-2 text-center text-xs">医疗、保险</div>
            </div>
        </div>
        <div data-aos="fade-up" class=" flex one-app aos-init aos-animate w-1/2 md:w-1/3 lg:w-1/4 2xl:w-1/5">
            <div class="m-1 p-1 items-stretch hover:shadow-lg rounded shadow">
                <img src="{{asset('static/image/三表-small.jpeg')}}" alt="三表(水、电、燃气)">
                <div class="title py-2 text-center text-xs">三表(水、电、燃气)</div>
            </div>
        </div>
        <div data-aos="fade-up" class=" flex one-app aos-init aos-animate w-1/2 md:w-1/3 lg:w-1/4 2xl:w-1/5">
            <div class="m-1 p-1 items-stretch hover:shadow-lg rounded shadow">
                <img src="{{asset('static/image/图书卡-small.jpeg')}}" alt="公安、电信、教育">
                <div class="title py-2 text-center text-xs">公安、电信、教育</div>
            </div>
        </div>
        <div data-aos="fade-up" class=" flex one-app aos-init aos-animate w-1/2 md:w-1/3 lg:w-1/4 2xl:w-1/5">
            <div class="m-1 p-1 items-stretch hover:shadow-lg rounded shadow">
                <img src="{{asset('static/image/会议-small.jpg')}}" alt="电子商务、电子政务、会议签到">
                <div class="title py-2 text-center text-xs">电子商务、电子政务、会议签到</div>
            </div>
        </div>
        <div data-aos="fade-up" class=" flex one-app aos-init aos-animate w-1/2 md:w-1/3 lg:w-1/4 2xl:w-1/5">
            <div class="m-1 p-1 items-stretch hover:shadow-lg rounded shadow">
                <img src="{{asset('static/image/加油卡-small.jpeg')}}" alt="高速公路、公交、加油站">
                <div class="title py-2 text-center text-xs">高速公路、公交、加油站</div>
            </div>
        </div>
        <div data-aos="fade-up" class=" flex one-app aos-init aos-animate w-1/2 md:w-1/3 lg:w-1/4 2xl:w-1/5">
            <div class="m-1 p-1 items-stretch hover:shadow-lg rounded shadow">
                <img src="{{asset('static/image/物流-small.jpeg')}}" alt="交通运输、物流">
                <div class="title py-2 text-center text-xs">交通运输、物流</div>
            </div>
        </div>
        <div data-aos="fade-up" class=" flex one-app aos-init aos-animate w-1/2 md:w-1/3 lg:w-1/4 2xl:w-1/5">
            <div class="m-1 p-1 items-stretch hover:shadow-lg rounded shadow">
                <img src="{{asset('static/image/校园-small.jpg')}}" alt="校园、公园">
                <div class="title py-2 text-center text-xs">校园、公园</div>
            </div>
        </div>
        <div data-aos="fade-up" class=" flex one-app aos-init aos-animate w-1/2 md:w-1/3 lg:w-1/4 2xl:w-1/5">
            <div class="m-1 p-1 items-stretch hover:shadow-lg rounded shadow">
                <img src="{{asset('static/image/门禁-small.jpeg')}}" alt="一卡通(门禁、考勤、餐饮、停车场)">
                <div class="title py-2 text-center text-xs">一卡通(门禁、考勤、餐饮、停车场)</div>
            </div>
        </div>
        <div data-aos="fade-up" class=" flex one-app aos-init aos-animate w-1/2 md:w-1/3 lg:w-1/4 2xl:w-1/5">
            <div class="m-1 p-1 items-stretch hover:shadow-lg rounded shadow">
                <img src="{{asset('static/image/商场-small.jpeg')}}" alt="校园、公园">
                <div class="title py-2 text-center text-xs">校园、公园</div>
            </div>
        </div>
    </div>
    <h2 class="titles text-center py-10 text-2xl font-semibold">团队资源</h2>
    <div class="team flex flex-wrap">
        <div class="w-full md:w-1/2 team-desc md:pr-5 flex justify-center items-center" >
        {{$info->team}}
        </div>
        <div class="w-full md:w-1/2 team-img flex flex-wrap">
            @foreach(explode(',',$info->people) as $k=>$v)
            @if($k<=1)
            <div class="w-1/2 aos-init aos-animate" data-aos="fade-left">
                <div class="imgst m-1 md:m-2 flex justify-center rounded overflow-hidden">
                    <img class="rounded" src="/uploads/{{$v}}" alt="">
                </div>
            </div>
            @endif
            @endforeach
        </div>
    </div>
    <h2 class="titles text-center py-10 text-2xl font-semibold">公司宗旨</h2>
    <div class="team flex flex-wrap">
    <div class="w-full md:w-1/2 team-img flex flex-wrap">
             @foreach(explode(',',$info->culture_img) as $k=>$v)
             @if($k<=1)
            <div class="w-1/2 aos-init aos-animate" data-aos="fade-right">
                <div class="imgst m-1 md:m-2 flex justify-center rounded overflow-hidden">
                    <img class="rounded" src="/uploads/{{$v}}" alt="">
                </div>
            </div>
            @endif
            @endforeach
        </div>
        <div class="w-full md:w-1/2 team-desc md:pl-5 flex justify-center items-center">
            {{$info->culture}}
        </div>
    </div>
    <div id="zizhi"></div>
    <h2 class="titles text-center py-10 text-2xl font-semibold">公司资质</h2>
    <div class="team flex flex-wrap">
    <div class="w-full  flex flex-wrap">
        @foreach($honor as $v)
            <div class=" w-1/2 md:w-1/3 lg:w-1/4 aos-init aos-animate" data-aos="fade-up">
                <div class="imgst m-1 md:m-2  rounded overflow-hidden">
                    <div class="imgs flex justify-center">
                        <img style="width:200px;height:140px" class="rounded show-imgs cursor-pointer" data-src="/uploads/{{$v->imgst}}" src="/uploads/{{$v->thumb}}" alt="">
                    </div>
                    <div class="names text-center font-semibold  py-2"> {{$v->name}}</div>
                </div>
            </div>
        @endforeach
        </div>
    </div>
    <h2 class="titles text-center py-10 text-2xl font-semibold">合作伙伴</h2>
    <div class="team flex flex-wrap">
    <div class="w-full team-img flex flex-wrap">
            @foreach(explode(',',$info->company) as $v)
            <div class="w-1/3 md:w-1/4  lg:w-1/5 2xl:w-1/6">
                <div class="imgst m-1 md:m-2 flex justify-center rounded overflow-hidden">
                    <img src="/uploads/{{$v}}" alt="">
                </div>
            </div>
            @endforeach
        </div>
        
    </div>
</div>

<div class="bg-img z-50 fixed top-0 left-0 w-screen h-screen hidden overflow-hidden">
    <div class="covers w-screen h-screen bg-black opacity-10"></div>
    <div class="show-img bg-white p-4 "><img id="show-bigimg" src="" alt=""></div>
</div>
@endsection